<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="Shortcut Icon" href="./favicon/ficon.png" sizes="16x16">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/goodsLists.css">
</head>

<body>
    <!-- 楼层 -->
    <ul class="floor">
        <li class="go">商品秒杀</li>
        <li class="go">特色优选</li>
        <li class="go">猜你喜欢</li>
        <li class="goTop">回到顶部</li>
    </ul>
    <!-- tools -->
    <div id="tools" class="Vae">
        <!-- toolsCon -->
        <div class="toolsCon">
            <div class="bl-name" title="百联集团旗下全渠道电商平台">
                <div class="txt text_ellipsis">百联集团旗下全渠道电商平台</div>
                <b></b>
            </div>
            <div class="tools-left">
                <div class="tools-leftfont">
                    <a href="">
                        <span>网站导航</span>
                        <i></i>
                    </a>
                </div>
                <span class="left-span"></span>
                <div class="divshow left-show">
                    <div class="left-show-dl">
                        <dl>
                            <dd>
                                <a href="">百联集团官网</a>
                            </dd>
                            <dd>
                                <a href="">安付宝网</a>
                            </dd>
                            <dd>
                                <a href="">第一医药</a>
                            </dd>
                            <dd>
                                <a href="">OK会员卡专区</a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="tools-info">
                <a href="" class="red-font">消息</a>
            </div>
            <div class="tools-right">
                <ul>
                    <li id="user_not_login" class="box float_left">
                       
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">我的订单</a>
                        </div>
                        <b></b>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">
                                <span>我的百联</span>
                                <i></i>
                            </a>
                        </div>
                        <span class="left-span"></span>
                        <b></b>
                        <div class="divshow hdiv">
                            <dl>
                                <dd>
                                    <a href="">我的订单</a>
                                </dd>
                                <dd>
                                    <a href="">我的评价</a>
                                </dd>
                                <dd>
                                    <a href="">我的积分</a>
                                </dd>
                                <dd>
                                    <a href="">我的收藏</a>
                                </dd>
                                <dd>
                                    <a href="">我的优惠券</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">
                                <span>充值缴费</span>
                                <i></i>
                            </a>
                        </div>
                        <span class="left-span"></span>
                        <b></b>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">
                                <span>客户服务</span>
                                <i></i>
                            </a>
                        </div>
                        <span class="left-span"></span>
                        <b></b>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a href="">
                                <span>掌上百联</span>
                                <i></i>
                            </a>
                        </div>
                        <span class="left-span"></span>
                        <b></b>
                    </li>
                    <li class="float_left">
                        <div class="tools-leftfont">
                            <a target="_blank" href="http://localhost/blShop-gulp/src/goodsCart.html">
                                <span>购物车</span>
                            </a>
                        </div>
                        <b></b>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- header -->
    <header>
        <!-- headerCon -->
        <div class="headerCon">
            <div class="header-font">
                <div class="header-logo">
                    <div class="logo">
                        <a href="">
                            <img src="./images/header-logo.png">
                        </a>
                    </div>
                    <div class="secondary-logo">
                        <a href="" target="_blank">
                            <img src="./images/Au.png" width="150">
                        </a>
                    </div>
                </div>
                <div class="headercenter">
                    <div class="top"> 
                        <input type="text" class="text" value="米"/><input type="button" value="搜索" class="botton"/>
                        <ul id="list">
                            <!-- <li>123132</li>
                            <li>123132</li>
                            <li>123132</li> -->
                        </ul>
                    </div>
                    <div class="font">
                        <a href="">兰蔻</a><span>|</span>
                        <a href="">雅诗兰黛</a><span>|</span>
                        <a href="">百联卡</a><span>|</span>
                        <a href="">海蓝之谜</a><span>|</span>
                        <a href="">牛奶</a><span>|</span>
                        <a href="">大米</a><span>|</span>
                        <a href="">面粉</a><span>|</span>
                        <a href="">方便面</a><span>|</span>
                        <a href="">面膜</a><span>|</span>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- nav -->
    <div id="nav">
        <!-- navCon -->
        <div class="navCon">
            <div class="shoplist">
                <div class="slist">
                    <i class="float_left"></i>
                    <span class="qwe"> 所有商品列表</span>
                </div>
                <div class="sl-all">
                    <dl>
                        <dd>
                            <a href="">百货进口 全球购</a>
                        </dd>
                        <dd>
                            <a href="">生鲜食品</a>
                        </dd>
                        <dd>
                            <a href="">食品粮油</a>
                        </dd>
                        <dd>
                            <a href="">美容护理</a>
                        </dd>
                        <dd>
                            <a href="">百货进口 全球购</a>
                        </dd>
                        <dd>
                            <a href="">生鲜食品</a>
                        </dd>
                        <dd>
                            <a href="">食品粮油</a>
                        </dd>
                        <dd>
                            <a href="">美容护理</a>
                        </dd>
                        <dd>
                            <a href="">百货进口 全球购</a>
                        </dd>
                        <dd>
                            <a href="">生鲜食品</a>
                        </dd>
                        <dd>
                            <a href="">食品粮油</a>
                        </dd>
                        <dd>
                            <a href="">美容护理</a>
                        </dd>
                        <dd>
                            <a href="">食品粮油</a></dd>
                    </dl>
                </div>
                <ul class="change">
                    <li>
                        <div class="hh">
                            <b>美妆护肤 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span>
                            </div>
                        </div>
                        <div class="hh">
                            <b>足疗 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                            </div>
                        </div>
                        <div class="hh">
                            <b>婴儿用品 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                        <div class="hh">
                            <b>美妆护肤 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span>
                            </div>
                        </div>

                        <div class="hh">
                            <b>婴儿用品 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>

                    </li>
                    <li>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>

                    </li>
                    <li>
                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                        <div class="hh">
                            <b>美妆护肤 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span>
                            </div>
                        </div>
                        <div class="hh">
                            <b>足疗 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                            </div>
                        </div>
                        <div class="hh">
                            <b>婴儿用品 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span></div>
                        </div>

                    </li>
                    <li>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>

                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>

                        <div class="hh">
                            <b>婴儿用品 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>

                    </li>
                    <li>

                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                    </li>
                    <li>

                        <div class="hh">
                            <b>足疗 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                            </div>
                        </div>
                        <div class="hh">
                            <b>婴儿用品 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>

                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>美妆护肤 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span>
                            </div>
                        </div>

                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>


                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="hh">
                            <b>足疗 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                            </div>
                        </div>
                        <div class="hh">
                            <b>婴儿用品 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                        <div class="hh">
                            <b>美妆护肤 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span> <span>面膜</span> <span>乳液/面霜</span>
                            </div>
                        </div>
                        <div class="hh">
                            <b>足疗 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                            </div>
                        </div>
                        <div class="hh">
                            <b>婴儿用品 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>

                    </li>
                    <li>

                        <div class="hh">
                            <b>婴儿用品 > </b>
                            <div class="gg"> <span>面膜</span> <span>粉底</span> <span>bb霜</span> <span>面膜</span>
                                <span>面膜</span> <span>乳液/面霜</span> <span>口红</span> <span>乳液/面霜</span> <span>芦荟</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                    </li>
                    <li>

                        <div class="hh">
                            <b>生活用品 > </b>
                            <div class="gg"> <span>牙刷</span> <span>牙膏</span> <span>bb霜</span></div>
                        </div>
                        <div class="hh">
                            <b>24百货 > </b>
                            <div class="gg"> <span>毛巾</span> <span>粉底</span> <span>bb霜</span> <span>马桶刷</span>
                                <span>面膜</span></div>
                        </div>
                        <div class="hh">
                            <b>全球购 > </b>
                            <div class="gg"> <span>皮鞋</span> <span>品保</span> <span>新加坡特产</span> <span>美国有珠宝</span>
                                <span>泰国水果</span> <span>日本动漫</span> <span>口红</span> <span>乳液/面霜</span> <span>伊朗</span>
                                <span>乳液/面霜</span></div>
                        </div>
                        <div class="hh">
                            <b>电器城 > </b>
                            <div class="gg"> <span>电饭煲</span> <span>冰箱</span> <span>电视</span> <span>手机</span>
                                <span>拼版</span> <span>电视</span></div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="listright">
                <dl>
                    <dd><a href="http://localhost/blShop-gulp/src/goodslists.html">生活日用</a></dd>
                    <dd><a href="">24h百货</a></dd>
                    <dd><a href="">全球购</a></dd>
                    <dd><a href="">金品闪购</a></dd>
                    <dd><a href="">电器城</a></dd>
                    <dd><a href="">百联卡</a></dd>
                    <dd><a href="">百联到家</a></dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div id="banner">
        <div class="bannerCon">
            <div class="imgbox  banner2">
                <div class="images">
                    <a><img src="./images/1.jpg" /></a>
                    <a><img src="./images/2.jpg" /></a>
                    <a><img src="./images/3.jpg" /></a>
                    <a><img src="./images/4.jpg" /></a>
                    <a><img src="./images/5.jpg" /></a>
                </div>
                <div class="btns">
                    <input type="button" id="left" value="<<<">
                    <input type="button" id="right" value=">>>">
                </div>
            </div>
        </div>
    </div>
    <!-- app -->
    <div id="app">
        <div class="myApp">
            <!-- 商品秒杀 -->
            <div id="new-czt" class="vae">
                <div class="new-cztCon">
                    <div class="grid_c1 floorhd_inner">
                        <h3 class="floorhd_tit">商品秒杀</h3>
                    </div>
                    <div class="cleft">
                        <a class="seckill-countdown" href="" target="_blank" clstag="h|keycount|core|seckill_a">
                            <div class="countdown-title">商品秒杀</div>
                            <div>
                                <div class="countdown-desc">
                                    <strong>倒计时</strong>
                                    
                                </div>
                                <span class="timmer countdown-main">
                                    <span class="timmer__unit timmer__unit--hour"></span>
                                    <span class="timmer__unit timmer__unit--minute"></span>
                                    <span class="timmer__unit timmer__unit--second"></span>
                                </span>
                            </div>
                        </a>
                    </div>
                    <div class="cright">
                        <div class="change_li">
                            <input type="button" id="left1" value="<">
                            <input type="button" id="right1" value=">">
                        </div>
                        <ul>
                            <!-- <li>
                                <div class="tu">
                                    <img src="./images/cright.jpg" height="140" width="140">
                                </div>
                                <h4 class="title">美心原味鸡蛋卷448g</h4>
                                <div class="priceCon">
                                    <span class="price">￥1099</span>
                                    <span class="oldPrice">￥1318.80</span><br />
                                    <span class="soldText">已售45%</span>
                                    <a class="button">立即抢购</a>
                                </div>
                            </li> -->
                            
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 特色优选 -->
            <div id="new-tm" class="vae">
                <div class="new-tmCon">
                    <div class="grid_c1 floorhd_inner">
                        <h3 class="floorhd_tit">特色优选</h3>
                    </div>
                    <div class="tleft banner1">
                        <div class="imgbox">
                            <a href="">
                                <img src="./images/m-1.jpg" alt="">
                            </a>
                            <a href="">
                                <img src="./images/m-8.jpg" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="tright">
                        <a href="">
                            <img src="./images/m-2.jpg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/m-3.jpg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/m-4.jpg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/m-5.jpg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/m-6.jpg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/m-7.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
            <!-- 猜你喜欢 -->
            <div id="like" class="vae">
                <div class="likeCon">
                    <div class="grid_c1 floorhd_inner">
                        <h3 class="floorhd_tit">猜你喜欢</h3>
                    </div>
                    <ul class="goodsCon">
                        <!-- <li>
                            <div class="pro-show">
                                <div class="pro-img">
                                    <a target="_blank" href="">
                                        <img src="https://Img.iblimg.com/photo-42//1821819767_220x220.jpg" height="220" width="220" alt="环球小熊 曲奇礼盒双花大罐 600g 办公室零食 曲奇饼干">
                                    </a>
                                </div>
                                <div class="pro-name">
                                    <a href="" target="_blank" title="环球小熊 曲奇礼盒双花大罐 600g 办公室零食 曲奇饼干">环球小熊 曲奇礼盒双花大罐 600g 办公室零食 曲奇饼干
                                    </a>
                                </div>
                                <div class="pro-money">
                                    <div class="money-fl">￥
                                        <span style="font-size:18px;">198.0</span>
                                        <a href="" goodsid="3486963" name="collect" class="geta">收藏</a>
                                    </div>
                                </div>
                            </div>
                        </li> -->
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div id="footer">
        <div class="helpnav clear_fix">
            <div class="footerCon">
                <div class="footer-center">
                    <div class="helpnav-list float_left">
                        <div class="helpnav-title">
                            <i class="footic1 float_left"></i>
                            新手入门
                        </div>
                        <ul>
                            <li><a href href=""> 购物流程</a></li>
                            <li><a href=""> 会员介绍</a></li>
                            <li><a href=""> 常见问题</a></li>
                            <li><a href=""> 发票说明</a></li>
                            <li><a href=""> 联系客服</a></li>
                        </ul>
                    </div>
                    <div class="helpnav-list float_left">
                        <div class="helpnav-title">
                            <i class="footic2 float_left"></i>
                            配送服务
                        </div>
                        <ul>
                            <li><a href=""> 配送范围及运费</a></li>
                            <li><a href=""> 配送进度查询</a></li>
                            <li><a href=""> 自提服务</a></li>
                            <li><a href=""> 商品验货与签收</a></li>
                        </ul>
                    </div>
                    <div class="helpnav-list float_left">
                        <div class="helpnav-title">
                            <i class="footic3 float_left"></i>
                            支付方式
                        </div>
                        <ul>
                            <li><a href=""> 货到付款</a></li>
                            <li><a href=""> 在线支付</a></li>
                        </ul>
                    </div>
                    <div class="helpnav-list float_left">
                        <div class="helpnav-title">
                            <i class="footic4 float_left"></i>
                            售后服务
                        </div>
                        <ul>
                            <li><a href=""> 退换货政策 </a></li>
                            <li><a href=""> 退换货流程</a></li>
                            <li><a href=""> 退款说明</a></li>
                        </ul>
                    </div>
                    <div class="helpnav-list">
                        <div class="helpnav-title">
                            <i class="footic5 float_left"></i>
                            商家支持
                        </div>
                        <ul>
                            <li><a href=""> 商家入驻</a></li>
                            <li><a href=""> 商家规则</a></li>
                            <li><a href=""> 商家常见问题</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="public-ad">
            <div class="footer-center">
                <ul class="public-adlist">
                    <li class="float_left">
                        <a href=""> <img src="./images/f1.jpg"></a>
                    </li>
                    <li class="float_left">
                        <a href=""> <img src="./images/f2.jpg"></a>
                    </li>
                    <li class="float_left">
                        <a href=""> <img src="./images/f3.jpg"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="bottom-nav">
            <div>
                <a href="">关于我们</a>
                <span>|</span>
                <a href="">联系我们</a>
                <span>|</span>
                <a href="">加盟合作</a>
                <span>|</span>
                <a href="">诚征英才</a>
                <span>|</span>
                <a href="">友情链接</a>
                <span>|</span>
                <a href="">新零售合作</a>
            </div>
            <div class="copyright">
                百联集团有限公司版权所有
                <span>|</span>
                客服电话：400-900-8800
                <span>|</span>
                <a href="">沪ICP备15028847号-1</a>
            </div>
            <a href="" class="drug-message">
                互联网药品信息服务资质证书编号：沪-（非营业性）-2016-0044
            </a><br>
            <a href="" class="drug-message">
                医疗器械网络交易服务第三方平台备案凭证-（沪）网械平台备字[2020]第00002号
            </a><br>
            <a href="" class="drug-message">
                全渠道增值电信业务经营许可证
            </a>
            <div class="police">
                <a class="gongan" href="">
                    <img src="./images/f4.png" class="float_left">
                    <span>沪公网安备 31010102002366号</span>
                </a>
                <a class="gongs" href="">
                    <img src="./images/f5.png" width="20" height="21" class="float_left">
                    <span>上海工商</span>
                </a>
                <a class="zhizhao" href="">
                    <img src="./images/f6.png" class="float_left">
                    <span>经营执照</span>
                </a>
                <a class="wangping" href="">
                    <img src="./images/f7.png" width="21" class="float_left">
                    <span>网购大家评</span>
                </a>
            </div>
        </div>
    </div>
</body>
<script src="./lib/jquery.2.2.4.js"></script>
<script src="./lib/jquery.banner.1.0.js"></script>
<script src="./lib/ajax.js"></script>
<script src="./js/goodsLists.js"></script>
</html>